
<!-- BEGIN PAGE -->
<div class="page-content">

    <!-- BEGIN PAGE CONTAINER-->
    <div class="container-fluid">

        <!-- BEGIN PAGE HEADER-->
        <div class="row-fluid">

            <div class="span12">

                <!-- BEGIN PAGE TITLE & BREADCRUMB-->
                <h3 class="page-title">

                    Task
                    <small>任务详情</small>

                </h3>

                <ul class="breadcrumb">

                    <li>
                        <i class="icon-home"></i>
                        <a ui-sref="home.index">首页</a>
                        <i class="icon-angle-right"></i>
                    </li>

                    <li>
                        <a ui-sref="home.task">任务</a>
                        <i class="icon-angle-right"></i>
                    </li>

                    <li>详情</li>

                </ul>

                <!-- END PAGE TITLE & BREADCRUMB-->

            </div>

        </div>

        <div class="row-fluid">

            <div class="span12">

                <!-- BEGIN EXAMPLE TABLE PORTLET-->

                <div class="portlet box grey" style="border: 1px solid #9d9c9c">

                    <div class="portlet-body form">

                        <!-- BEGIN FORM-->

                        <form class="form-horizontal form-bordered">
                            <div style="margin-top: 20px;margin-left: 20px;border-bottom: 1px solid #e1e1e8">
                                <h3>总任务信息</h3>
                                <div style="margin-top: 10px;"><span>任务名称：</span>{{taskDetail.task_name}}</div>
                                <div style="margin-top: 10px;"><span>任务类型：</span>{{taskDetail.type}}</div>
                                <div style="margin-top: 10px;"><span>金额：</span>{{taskDetail.task_money}}元</div>
                                <div style="margin-top: 10px;"><span>数量：</span>剩余{{taskDetail.task_left_quantity}}/共计{{taskDetail.task_total_quantity}}</div>

                            </div>
                            <div style="margin-top: 20px;margin-left: 20px;border-bottom: 1px solid #e1e1e8">
                                <!--<h3>订单信息</h3>
                                <table class="table table-bordered table-hover definewidth m10">
                                    <tr>
                                        <th>订单编号</th><td>{{order.order_no}}</td>
                                        <th>订单状态</th><td>{{order.status_name}}</td>
                                        <th>下单时间</th><td>{{order.date_purchased | date:"yyyy-MM-dd HH:mm"}}</td>
                                        <th>商品种类数</th><td>{{order.items.length}}</td>
                                        <th>商品数量</th><td>{{order.number}}</td>
                                    </tr>
                                    <tr>
                                        <th>付款方式</th><td>{{order.payment_type}}</td>
                                        <th>订单价格</th><td>{{order.sum/1000}}</td>
                                        <th>运费</th><td>{{order.deliver_charges/1000}}</td>
                                        <th>优惠券</th><td ng-if="order.coupon_id!=0">{{order.value}}</td><td ng-if="order.coupon_id==0">无</td>
                                        <th>实付金额</th><td>{{order.order_total/1000}}</td>
                                    </tr>
                                </table>-->
                                <h3>子任务列表</h3>
                                <table class="table table-bordered table-hover">
                                    <thead>
                                    <tr>

                                        <th style="text-align: center;vertical-align: middle;">序号</th>
                                        <th style="text-align: center;vertical-align: middle;">任务名称</th>
                                        <th style="text-align: center;vertical-align: middle;">任务类型</th>
                                        <th style="text-align: center;vertical-align: middle;">金额</th>
                                        <th style="text-align: center;vertical-align: middle;">描述</th>


                                    </tr>
                                    </thead>
                                    <tr ng-if="taskDetail.childTask.length > 0" ng-repeat='item in taskDetail.childTask'>
                                        <td style="text-align: center;">{{$index+1}}</td>
                                        <td style="text-align: center;">{{item.task_item_name}}</td>
                                        <td style="text-align: center;vertical-align: middle;">{{item.type}}</td>
                                        <td style="text-align: center;vertical-align: middle;">￥{{item.task_item_money}}元</td>
                                        <td style="text-align: center;vertical-align: middle;">{{item.describe}}</td>

                                    </tr>
                                </table>
                            </div>
                            <!--<div class="form-actions">-->
                            <!--<button type="submit" class="btn blue"><i class="icon-ok"></i> 创建</button>-->
                            <!--<button type="button" class="btn">取消</button>-->
                            <!--<button type="button" class="btn blue" ng-click="backTo()">返回列表</button>-->
                            <!--</div>-->

                        </form>

                        <!-- END FORM-->

                    </div>
                    <!-- END EXAMPLE TABLE PORTLET-->

                </div>

            </div>

            <!-- END PAGE CONTAINER-->

        </div>
    </div>
</div>


